<template>
	<view class="bg-white padding margin-top">
		<view class="cu-list grid col-5 no-border">
			<view class="cu-item" v-for="(item,index) in navList" :key="index">
				<view :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
					<!-- <view class="cu-tag badge" v-if="item.badge!=0">
						<block v-if="item.badge!=1">{{item.badge>99?'99+':item.badge}}</block>
					</view> -->
				</view>
				<text>{{item.name}}</text>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		name: 'navBox',
		computed: {
			
		},
		props: {
			navList: {
				type: Array,
				default:[]
			}
		},
		data() {
			return {
				interval:'5000'
			};
		},
		created() {
			
		},
		methods: {
			
		}
	}

</script>

<style>

</style>
